import React, {Component} from 'react';
import '../css/productService.css';
import {Consumer} from "../store";

import realty_img1 from '../image/realty_img1.png';
import realty_img2 from '../image/realty_img2.png';
import realty_img3 from '../image/realty_img3.png';
import $ from "jquery";

class SolveRealty extends Component {
    constructor(props) {
        super(props);
        this.state = {
            show:false,
            currentMenu:1,
            ZHMenu:1
        };
    }

    render() {
        return (
            <div style={{overflow:'hidden'}}>
                <div className="solveRealtyHeader">
                </div>
                <div className="solveRealtyBottom">
                    <div style={{fontSize:36}}>解决方案运用前后</div>
                    <img src={realty_img1} alt="big_data" style={{marginTop:60}} />
                </div>
                <div className="solveRealtyBottom" style={{height:930,background:'#f4f4f4'}}>
                    <div style={{fontSize:36}}>智慧运营架构</div>
                    <img src={realty_img2} alt="big_data" style={{marginTop:60}} />
                </div>
                <div className="solveRealtyBottom" style={{height:1050}}>
                    <div style={{fontSize:36}}>智慧社区生态圈</div>
                    <img src={realty_img3} alt="big_data" style={{marginTop:60}} />
                </div>
            </div>
        )
    };

    componentDidMount() {
        const {dispatch} =this.props;
        dispatch({num:2});
        $(document).scrollTop(0);
    };



}

export default prop=>(
    <Consumer>
        {
            props=>(
                <SolveRealty {...props} {...prop}/>
            )
        }
    </Consumer>
)
//export default SolveRealty;